<template>
	<view class="wrap">
		<view class="main">
			<view class="banner"><image src="@/static/img/images/banner.png" mode=""></image></view>
			<view class="list-item">
				<view class="title">
					什么是定金担保
				</view>
				<view class="imageWrap">
					<image class="height530" src="../../static/img/images/deal2.png" mode=""></image>
				</view>
			</view>
			<view class="list-item">
				<view class="title">
					定金担保的好处
				</view>
				<view class="imageWrap">
					<image class="height230" src="../../static/img/images/hoachu.png" mode=""></image>
				</view>
			</view>
			<view class="list-item">
				<view class="title">
					定金担保交易方式
				</view>
				<view class="imageWrap flex flex-ac-sa mt-10">
					<view class="width-50 u-text-center">
						 <image class="height183 " src="../../static/img/images/fangshi1.png" mode=""></image>
					</view>
					<view class="width-50 u-text-center">
						<image class="height183 " src="../../static/img/images/fangshi2.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="list-item">
				<view class="title">
					定金担保交易流程
				</view>
				<view class="imageWrap">
					<image class="height1182" src="../../static/img/images/jiaoyiliucheng.png" mode=""></image>
				</view>
			</view>
			<view class="list-item">
				<view class="refund">
					退款流程
				</view>
				<view class="font-26 color-666 mt-10 padl5">
					购合同生效后，因交易过程中发生的变动，买卖双方可与对方联系协商后，联系7迈车客服处理退款。
				</view>
				<view class="font-30 color-000 mt-20 padl5">
					流程如下：
				</view>
				<view class="font-30 color-000 mt-10 padl5">
					·买卖双方先联系对方退款，协商一致后联系客服
				</view>
				<view class="font-30 color-000 padl5">
					·客服与买卖双方确认退款，交易关闭
				</view>
				<view class="font-26 color-666 mt-5 padl10">
					客服电话确认买卖双方同意退款，退款金额将原路退还至买方账户中
				</view>
				<view class="font-30 color-000 mt-5 padl5">
					·卖方拒绝退款
				</view>
				<view class="font-26 color-666 mt-5 padl10">
					若联系对方时拒绝取消交易，且买卖双方2天内仍未协商一致，可联系客服介绍处理，客服将以发起的《购车合同》及《在线交易协议》作为依据，给出处理结果，双方达成一致，客服执行处理结果；若双方仍未能达成一致则交由第三方仲裁进行处理.
				</view>
			</view>
		</view>
		<view class="call">
			<text>如有疑问请联系客服：</text>
			<text class="color-FBB000">4000-477-774</text>
		</view>
	</view>
</template>

<script></script>

<style scoped lang="scss">
.wrap {
	width: 100%;
	background-color: #fff;
	.main {
		margin-bottom: 110rpx;
		.banner{
			background-color: #FED042;
			image{
				width: 750rpx;
				height: 335rpx;
			}
		} 
		.list-item{
			width: 100%;
			padding: 2.5%;
			margin: 10rpx 0rpx;
			.title{
				color:#333333;
				font-size: 28rpx;
				font-weight: bold;
			}
			 .imageWrap{
				 width: 100%;
				 .height530{
					 width: 720rpx;
					 height: 530rpx;
				 }
				 .height230{
					 width: 720rpx;
					 height: 210rpx;
				 }
				 .height183{
					 width: 330rpx;
					 height: 183rpx;
				 }
				 .height1182{
					 width: 720rpx;
					 height: 1182rpx;
				 }
			 }
		   .refund{
				 font-size: 34rpx;
				 color: #262626;
				 padding-left: 10rpx;
			 }
		}
	}
	.padl5{
		padding-left: 10rpx;
	}
.padl10{
	padding-left: 20rpx;
}
	.call {
		width: 100%;
		height: 110rpx;
		background: #f6f6f6;
		position: fixed;
		bottom: 0rpx;
		text-align: center;
		line-height: 110rpx;
		font-size: 26rpx;
	}
}
</style>
